<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>MZ Analyst Alpha 0.0</title>
    <link href="reset.css" rel="stylesheet">
    <link href="bootstrap.min.css" rel="stylesheet">
    <link href="main.css" rel="stylesheet">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script type="text/javascript" src="respond.min.js"></script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body class="bg-color-darkbluegreen">

    <!-- START NAVBAR -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#"><img class="logo" src="mza-logo-white-small-2.gif"/></a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active">
                <a href="#">Home</a>
              </li>
              <li>
                <a href="#about">About</a>
              </li>
              <li>
                <a href="#contact">Contact</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- END NAVBAR -->

    <!-- START CONTAINER -->
    <div class="container">

      <div class="internal-container">

        <!-- START HERO-->
        <div class="hero-container">
          
          <div class="hero-unit">
            <h1>MZ Analyst</h1>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sagittis id justo et scelerisque. Ut a ultricies urna. Mauris sed cursus risus, vitae ultrices eros. Maecenas consectetur nulla a tortor tristique, a fermentum turpis tincidunt. Nullam sed suscipit tellus
            </p>
          </div>

        </div>
        <!-- END HERO-->

        <!-- START ANNOUNCES -->
        <div class="announces-container">
          
          <!-- START COMMON ALERT-->
          <div class="alert alert-block">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>Warning!</strong> Best check yo self, you're not looking too good.
          </div>
          <!-- END COMMON ALERT-->

          <!-- START RED ALERT-->
          <div class="alert alert-block alert-error">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>Oh snap!</strong> Change a few things up and try submitting again. 
          </div>
          <!-- END RED ALERT-->

          <!-- START GREEN ALERT-->
          <div class="alert alert-block alert-success">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>Well done!</strong> You successfully read this important alert message.
          </div>
          <!-- END GREEN ALERT-->

          <!-- START INFO ALERT-->
          <div class="alert alert-block alert-info">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>Heads up!</strong> This alert needs your attention, but it's not super important. 
          </div>
          <!-- END INFO ALERT-->

        </div>
        <!-- END ANNOUNCES -->

        <!-- START TOOLS -->
        <div class="tool-selector-container">

          <!-- TOOL -->
          <div class="tool-selector-box">
            <a href="#" class="tool-tooltip" title="TEST TOOLTIP">
              <div class="tool tool-selector">
                <img src="gear.png" />
              </div>
            </a>
          </div>
          <!-- END TOOL -->

          <!-- TOOL -->
          <div class="tool-selector-box">
            <a href="#" class="tool-tooltip" title="TEST TOOLTIP">
              <div class="tool tool-selector">
                <img src="gear.png" />
              </div>
            </a>
          </div>
          <!-- END TOOL -->

          <!-- TOOL -->
          <div class="tool-selector-box">
            <a href="#" class="tool-tooltip" title="TEST TOOLTIP">
              <div class="tool tool-selector">
                <img src="gear.png" />
              </div>
            </a>
          </div>
          <!-- END TOOL -->

          <!-- TOOL -->
          <div class="tool-selector-box">
            <a href="#" class="tool-tooltip" title="TEST TOOLTIP">
              <div class="tool tool-selector">
                <img src="gear.png" />
              </div>
            </a>
          </div>
          <!-- END TOOL -->

          <!-- TOOL -->
          <div class="tool-selector-box">
            <a href="#" class="tool-tooltip" title="TEST TOOLTIP">
              <div class="tool tool-selector">
                <img src="gear.png" />
              </div>
            </a>
          </div>
          <!-- END TOOL -->

          <!-- TOOL -->
          <div class="tool-selector-box">
            <a href="#" class="tool-tooltip" title="TEST TOOLTIP">
              <div class="tool tool-selector">
                <img src="gear.png" />
              </div>
            </a>
          </div>
          <!-- END TOOL -->

          <!-- TOOL -->
          <div class="tool-selector-box">
            <a href="#" class="tool-tooltip" title="TEST TOOLTIP">
              <div class="tool tool-selector">
                <img src="gear.png" />
              </div>
            </a>
          </div>
          <!-- END TOOL -->

          <!-- TOOL -->
          <div class="tool-selector-box">
            <a href="#" class="tool-tooltip" title="TEST TOOLTIP">
              <div class="tool tool-selector">
                <img src="gear.png" />
              </div>
            </a>
          </div>
          <!-- END TOOL -->

        </div>
        <!-- END TOOLS -->

      </div>

    </div>
    <!-- END CONTAINER -->

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type="text/javascript" src="bootstrap.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </body>
</html>